<template>
  <div :class='[modelName,theme]' >
      <el-container>
          <el-header>
              <!-- 头部 -->
            <Header />
          </el-header>
          <el-main>
              
              <!-- 主体 -->
               <router-view/>
          </el-main>
          <el-footer>
              <!-- 底部 -->
            <Footer />
          </el-footer>
      </el-container>
  </div>
</template>

<script>
import Header from '@/components/home/Header'
import Footer from '@/components/home/Footer'

export default {

    data () {
        return {
            'modelName':'home',
            'theme':'theme-defaulf'
        }
    },
    components:{
        Header,
        Footer
    },
    mounted(){ this.init(); },

    methods: {
        init(){},
    }
}
</script>

<style>

</style>
